<template>
  <div class="rightTop1">
        <div class="h-title-box">
          <span class="h-title">渠道分析</span>
          <dv-decoration-3 class="h-deco"/>
        </div>
      <div class="top-data">
        <dv-capsule-chart :config="config" />
      </div>
      <div class="charts-details">
        <VsRightTop1Chart />
      </div>
  </div>
</template>

<script>
import VsRightTop1Chart from "./charts/VsRightTop1Chart";
export default {
  components: {
    VsRightTop1Chart
  },
  data() {
    return {
     config:{
      data: [
        {
          name: '广州',
          value: 156
        },
        {
          name: '深圳',
          value: 167
        },
        {
          name: '韶关',
          value: 68
        },
        {
          name: '清远',
          value: 115
        },
        {
          name: '汕头',
          value: 98
        }
      ]
}
     
    };
  },

  mounted() {
    
  },
  methods: {
    
  }
};
</script>

<style lang="less" scoped>
.rightTop1{
  width:100%;
  height:100%;
  .top-data{
    height:40%;
  }
  .charts-details{
    height:60%;
  }
  .dv-capsule-chart{
    height:100%;
  }
} 
</style>